import { defineConfig } from 'umi';
import routes from './routes';
import px2vw from 'postcss-px-to-viewport';

export default defineConfig({
  // 路由
  routes: routes,
  // 配置主题，实际上是配 less 变量（Ant Design 的样式变量）。
  theme: {
    //全局主色
    '@primary-color': '#1890FF', // 更多变量说明：https://ant.design/docs/react/customize-theme-cn
  },
  // 配置全局标题。
  title: 'xxx',
  // 配置mock 模拟数据 默认为true。
  mock: {
    exclude: ['mock/**/_*.js', 'mock/_*/**/*.js'],
  },
  // 配置是否让生成的文件包含 hash 后缀，通常用于增量发布和避免浏览器加载缓存。
  hash: true,
  // 配置需要兼容的浏览器最低版本
  targets: {
    ie: 11,
  },
  // 指定输出路径
  outputPath: '/dist',
  // 设置 node_modules 目录下依赖文件的编译方式。
  nodeModulesTransform: {
    type: 'none',
  },
  // 快速刷新(开发时可以保持组件状态，同时编辑提供即时反馈。)
  fastRefresh: {},
  // 本地开发API接口请求代理
  proxy: {
    '/api': {
      target: 'http://localhost:8000',
      changeOrigin: true,
      pathRewrite: { '^/api': '/api' },
    },
  },
  lessLoader: {
    modifyVars: {
      hack: 'true; @import "~@/styles/index.less";',
    },
  },
  publicPath: '/', //新增
  // 配置额外的 umi 插件。
});
